<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <!-- css -->
    <!--bootstrap的css-->
    <link rel="stylesheet" href="bootstrapValidator/vendor/bootstrap/css/bootstrap.css"/>
    <!--bootstrapValidator的css-->
    <link rel="stylesheet" href="bootstrapValidator/dist/css/bootstrapValidator.css"/>
    <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet"/>
    <link href="css/flexslider.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <!--4.引入jquery框架-->
    <script type="text/javascript" src="bootstrapValidator/vendor/jquery/jquery-1.10.2.min.js"></script>
    <!--5.引入boostrap框架的JS-->
    <script type="text/javascript" src="bootstrapValidator/vendor/bootstrap/js/bootstrap.js"></script>
    <!--6.引入本页面处理逻辑js -->
    <script src="js/offer.js"></script>
    <!--leyer的js-->
    <script src="layer/layer.js"></script>
    <!--bootstrapValidator的js-->
    <script type="text/javascript" src="bootstrapValidator/dist/js/bootstrapValidator.js"></script>
    <script src="angularjs/angular.min.js"></script>
</head>

<body>
<div id="wrapper">
    <!-- start header -->
    <header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo" width="100px"
                                                                   height="50px"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="pricing.html">车险</a></li>
                        <li><a href="about.html">关于我们</a></li>
                  <!--      <li><a href="contact.html">联系我们</a></li>-->
                        <li id="center"><a href="../myCenter/home.html">个人中心</a></li>
                        <li id="login"><a href="../vendor/loginByName.html">登录|注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header><!-- end header -->
    <section id="inner-headline">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="pageTitle">精准报价</h2>
                </div>
            </div>
        </div>
    </section>
    <section id="content">
        <div class="container">
            <!-- end divider -->
            <div class="row">
                <div class="col-md-12">
                    <div>
                    </div>
                    <br>
                </div>
            </div>
            <div class="row">
                <!--显示所有险种-->
                <div class="col-md-8" ng-repeat="s in list" style="position: relative;left: 200px">
                    <div class="pricing-box-item " style="background-color: #FCFCFC">
                        <div class="pricing-heading ">
                            <h4 style="font-size: 20px;">填写车辆信息</h4>
                            <span>网上仅支持9座及以下家庭自用车，以及2吨以下非营运货车投保，企业用车请拨打4008000000投保</span>
                        </div>

                        <div class="pricing-terms bg-warning">
                            <form id="carform" class="form-horizontal">
                                <!--用户id-->
                                <input name="userid" id="userid" type="hidden"/>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label">城市</label>
                                    <div class="col-lg-5">
                                        <select class="form-control" name="forcity" id="forcity" ng-model="carinfo.city"
                                                data-bv-notempty
                                                data-bv-notempty-message="城市是必选的">
                                            <option value="">选择您的城市</option>
                                            <option value="广州">广州</option>
                                            <option value="深圳">深圳</option>
                                            <option value="惠州">惠州</option>
                                            <option value="佛山">佛山</option>
                                            <option value="东莞">东莞</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-3 control-label">车牌号</label>
                                    <div class="col-lg-5">
                                        <input type="text" ng-model="carinfo.carnumber" class="form-control"
                                               id="carnumber" name="carnumber"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-3 control-label">提车日期</label>
                                    <div class="col-lg-5">
                                        <input type="date" ng-model="carinfo.recorddate" class="form-control"
                                               id="recorddate" name="recorddate"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-3 control-label">车架号码</label>
                                    <div class="col-lg-5">
                                        <input type="text" ng-model="carinfo.licensenumber" class="form-control"
                                               id="licensenumber" name="licensenumber"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-3 control-label">品牌型号</label>
                                    <div class="col-lg-5">
                                        <input type="text" class="form-control" ng-model="carinfo.brandmodel"
                                               id="brandmodel" name="brandmodel"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label">车座数</label>
                                    <div class="col-lg-5">
										<select class="form-control" name="seatnumber"
												data-bv-notempty
												data-bv-notempty-message="请选择车作数">
											<option value="">请选择车作数</option>
											<option value="2">2</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="7">7</option>
											<option value="9">9</option>
										</select>
                                    </div>
                                </div>

                                <div class="pricing-action">
                                    <button id="suboffer" class="btn btn-medium"><i class="icon-bolt"></i> 立即报价</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="widget">
                        <h5 class="widgetheading">Our Contact</h5>
                        <address>
                            <strong>Financial Services company Inc</strong><br>
                            JC Main Road, Near Silnile tower<br>
                            Pin-21542 NewYork US.
                        </address>
                        <p>
                            <i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
                            <i class="icon-envelope-alt"></i> email@domainname.com
                        </p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h5 class="widgetheading">Quick Links</h5>
                        <ul class="link-list">
                            <li><a href="#">Latest Events</a></li>
                            <li><a href="#">Terms and conditions</a></li>
                            <li><a href="#">Privacy policy</a></li>
                            <li><a href="#">Career</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h5 class="widgetheading">Latest posts</h5>
                        <ul class="link-list">
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
                            <li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
                            <li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h5 class="widgetheading">Recent News</h5>
                        <ul class="link-list">
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
                            <li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
                            <li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="copyright">
                            <p>
                                Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
                                                                                          href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ul class="social-network">
                            <li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a>
                            </li>
                            <li><a href="#" data-placement="top" title="Google plus"><i
                                    class="fa fa-google-plus"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>

</body>
</html>
